<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>{$title}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="{$description}">
        <meta name="author" content="{$author}">

        <!-- Le styles -->
        <link href="../Public/css/bootstrap.min.css" rel="stylesheet">
        <link href="../Public/css/bootstrap-responsive.css" rel="stylesheet">
        <link href="../Public/css/style.css" rel="stylesheet">
        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>

    <body data-spy="scroll" data-target=".subnav" data-offset="50">

        <div class="container">
            <div class="row"> 
                <div class="span12 top">
                    <div class="span4 offset8"> <a href="/quwanma.apk">安卓版</a> | <a href="/profile/login">登录</a> | <a href="/profile/register">免费注册</a> | <a href="/help">帮助</a></div>
                </div>
            </div>

            <div id="header">

                <section id="logo">   
                    <div class="page-header">

                        <div class="row">
                            <div class="span12">
                                <h1>去玩吗？</h1>
                            </div>
                        </div>
                    </div>
                </section>

            </div>

            <section id="forms">
                <div class="row ">
                    <div class="span12 row-title">
                        <h4>第一步：填写账户信息</h4>
                    </div>
                </div>

                <div class="row">
                    <div class="span8">
                        <form class="form-horizontal" action="__URL__/doregister" name="register" method="POST">
                            <fieldset>
                                <div class="control-group">
                                    <label for="邮箱"  class="control-label">邮箱</label>
                                    <div class="controls">
                                        <input type="email" required="required" placeholder="demo@demo.com" name="email"  id="reg-email" class="input-xlarge focused">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label for="密码" class="control-label">密码</label>
                                    <div class="controls">
                                       <input type="password" required="required" placeholder="6到12位的密码" name="password"  id="reg-password" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{5,12}$"  class="input-xlarge focused">
                                        <span class="help-inline">6到12位</span>
                                    </div>
                                </div>

                                <div class="control-group">
                                    <label for="重复密码" class="control-label">重复密码</label>
                                    <div class="controls">
                                        <input type="password" required="required" placeholder="重复密码" name="repassword"  id="re-reg-password" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{5,20}$" class="input-xlarge focused">
                                    </div>
                                </div>

                                <div class="control-group">
                                    <label for="验证码" class="control-label">验证码</label>
                                    <div class="controls">
                                        <input type="text" required="required" placeholder="" name="verify"  id="verify"   class="input-mini focused"><img id="verifyImg" SRC="__APP__/Profile/verify" BORDER="0" ALT="" align="absmiddle">
                                    </div>
                                </div>

                                <div class="form-actions">
                                    <button class="btn btn-primary" type="submit">同意协议并注册</button>

                                </div>
                            </fieldset>
                        </form>
                    </div>
                    <div class="span4">

                        <div style="padding: 8px 0;" class="well">
                            <ul class="nav nav-list">
                                <li class="active"><a>用合作网站登录</a></li>
                                <li class=""><a href="../oauthshow/?type=qq"><img src="../Public/img/qq_logo.png"></a></li>
<!--                                <li><a href="#">支付宝</a></li>-->
                                <li><a href="../oauthshow/?type=weibo"><img src="../Public/img/weibo_logo.png"></a></li>
<!--                                <li><a href="#">开心网</a></li>
                                <li><a href="#">360</a></li>-->
                                <li><a href="../oauthshow/?type=baidu"><img src="../Public/img/baidu_logo.png"></a></li>
                                <li><a href="../oauthshow/?type=kaixin"><img src="../Public/img/kaixin_logo.png"></a></li>
                                <li class="divider"></li>
                                <li><a href="#">你可以从以上网站登录</a></li>
                            </ul>
                        </div>

                    </div>


                </div>

            </section>

            <!-- Footer
             ================================================== -->
            <footer class="footer">
                <p class="pull-right"><a href="#">返回顶部</a></p>
                <p>©2011-2012 去玩吗？<a href="http://weibo.com/33kuai" target="_blank">去玩吗新浪微博</a> | 关于去玩吗 | 开放API | 意见反馈 | 联系我</p>
            </footer>

        </div><!-- /container -->

    </body>
</html>
